<template>
	<div id="baoxiu_main">
		<b>报事报修类型</b>
		<input type="radio" name="place" value="in"/>室内
		<input type="radio" name="place" value="out"/>公区
		<hr />
		<b>房号/地点</b>
		<from>
			<select>
				<option>京华苑</option>
				<option>燕华苑</option>
				<option>海华苑</option>
			</select>
			<select>
				<option>1栋</option>
				<option>2栋</option>
				<option>3栋</option>
			</select>
			<select>
				<option>101</option>
				<option>102</option>
				<option>103</option>
			</select>
		</from>
		<hr />
		<b>预约上门时间</b>
		<input type="datetime-local"/>
		<hr />
		<div id="area"><textarea></textarea></div>
		<hr />
		<b id="uploadpic">上传图片</b>
		<span id="choosepic_tip">(非必填，最多可上传三张)</span>
		<ul>
			<li id="choosepic">
				<div id="choosepic_logo">
					<el-icon :size="35" color="rgb(170,170,170)"><Camera /></el-icon>
				</div>
				<div>
					<span id="choosepic_span">上传照片</span>
				</div>
			</li>
		</ul>
		<br /><br /><br /><br />
		<br /><br /><br />
		<button id="tijiao">提交</button>
	</div>
</template>

<script>
	import { Camera } from "@element-plus/icons";
	export default {
		name: "BaooshibaoxiuMain",
		components: {
			Camera,
		}
	}
</script>

<style>
	#baoxiu_main {
		width: 100%;
	}
	#baoxiu_main b {
		float: left;
		margin-left: 10px;
	}
	#baoxiu_main hr {
		width: 95%;
	}
	#baoxiu_main input {
		margin-left: 35px;
		margin-bottom: 5px;
	}
	#baoxiu_main from {
		margin-top: 5px;
		margin-left: 42px;
	}
	#baoxiu_main select {
		margin-left: 20px;
	}
	#area {
		width: 95%;
		margin: 0 auto;
	}
	#baoxiu_main textarea {
		width: 95%;
		height: 90px;
	}
	#choosepic_tip {
		font-size: 14px;
		color: rgb(120,120,120);
	}
	#baoxiu_main ul {
		clear: both;
		display: block;
		float: left;
		margin-left: 5px;
		margin-top: 17px;
	}
	#baoxiu_main li {
		float: left;
		margin-left: 5px;
	}
	#choosepic_logo {
		margin-left: 13px;
	}
	#choosepic_span {
		color: rgb(170, 170, 170);
		font-size: 10px;
		margin-left: 6px
	}
	#choosepic {
		padding-left: 6px;
		padding-right: 11px;
		padding-top: 6px;
		padding-bottom: 6px;
		border: 1px dashed rgb(170,170,170);
	}
	#tijiao {
		display: block;
		margin: 0 auto;
		width: 190px;
		height: 40px;
		color: white;
		background: rgb(198,18,20);
		border: none;
		border-radius: 10px;
	}
</style>